<template>
<div class="ex-popover__fixed">
  <rx-popover :type="'fixed'">
    <button>absoulte 默认bottom-start</button>
    <ul slot="popover" class="ex-popover" style="height:200px;overflow:auto;">
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
    </ul>
  </rx-popover>
  <br>
  <rx-popover :placement="'bottom-end'" :type="'fixed'">
    <button>absoulte bottom-end</button>
    <ul slot="popover" class="ex-popover">
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
      <li>啦啦啦</li>
    </ul>
  </rx-popover>
</div>
</template>
<script>
</script>
<style>
/* .ex-popover__fixed{ */
  /* transform: translate(-50%,-50%);
} */
</style>

